<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>总控制</title>
    <link rel="stylesheet" href="./layui/css/layui.css">
    <link rel="stylesheet" href="./css/table-style.css">
    <link rel="stylesheet" href="./css/admin-module.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
</head>
<body>
    <div class="admin-container">
        <!-- 左侧导航 -->
        <div class="admin-sidebar">
            <div class="admin-header">
                <div class="logo-container">
                    <img src="./img/logo5.jpg" alt="" class="logo">
                </div>
            </div>
            
            <ul class="admin-menu">
                <li class="active">
                    <a href="./admin-Manager.html">
                        <i class="fas fa-tachometer-alt"></i>
                        <span>控制台</span>
                    </a>
                </li>
                <li> 
                    <a href="./goods-Manager.html">
                        <i class="fas fa-book"></i>
                        <span>商品管理</span>
                    </a>
                </li> 
                <li> 
                    <a href="./order-Manager.html">
                        <i class="fas fa-shopping-cart"></i>
                        <span>订单管理</span>
                    </a>
                </li> 
                <li> 
                    <a href="./user-Manager.html">
                        <i class="fas fa-users"></i>
                        <span>用户管理</span>
                    </a>
                </li> 
                <li> 
                    <a href="./category-Manager.html">
                        <i class="fas fa-tags"></i>
                        <span>分类管理</span>
                    </a>
                </li> 
            </ul>
        </div>

        <!-- 右侧内容 -->
        <div class="admin-content">
            <!-- 顶部栏 -->
            <div class="admin-header">
                <div class="header-left">
                    <button class="menu-toggle">
                        <i class="fas fa-bars"></i>
                    </button>
                    <div class="breadcrumb">
                        <span>控制台</span>
                        <i class="fas fa-chevron-right"></i>
                        <span>概览</span>
                    </div>
                </div>
                <div class="header-right">
                    <div class="admin-user">
                        <img src="./img/logo1.jpg" alt="">
                        <span>管理员</span>
                        <i class="fas fa-chevron-down"></i>
                    </div>
                </div>
            </div>

            <!-- 内容区域 -->
            <div class="content-section">
                <!-- 最新订单 -->
                <div class="dashboard-section">
                    <div class="section-header">
                        <h2>最新订单</h2>
                        <a href="./order-Manager.html" class="view-all">查看全部</a>
                    </div>
                    <div class="order-table">
                        <table>
                            <thead>
                                <tr>
                                    <th>订单号</th>
                                    <th>用户</th>
                                    <th>商品</th>
                                    <th>金额</th>
                                    <th>状态</th>
                                    <th>时间</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>#20240120001</td>
                                    <td>王明</td>
                                    <td>我爸爸</td>
                                    <td>￥15.00</td>
                                    <td><span class="status pending">待发货</span></td>
                                    <td>2024-01-20 15:30</td>
                                    <td>
                                        <button class="btn-action">处理</button>
                                    </td>
                                </tr>
                                <tr>
                                    <td>#20240120002</td>
                                    <td>李亮</td>
                                    <td>丑小鸭</td>
                                    <td>￥20.00</td>
                                    <td><span class="status shipped">已发货</span></td>
                                    <td>2024-01-20 14:20</td>
                                    <td>
                                        <button class="btn-action">查看</button>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>

                <!-- 每日推荐 -->
                <div class="chart-card">
                    <h3>每日推荐</h3>
                    <div class="chart-container" id="salesChart">
                        <div class="chart-container-1">
                            <img src="./img/tupian2.jpg" alt="">
                            <div class="booksInfo">河马妈妈做了香喷喷的松饼想分给森林里的小动物们。</div>
                            <div class="booksPrice">￥15.00</div>
                        </div>
                        <div class="chart-container-1">
                            <img src="./img/tupian3.jpg" alt="">
                            <div class="booksInfo">鳄鱼迷上烹饪游戏，兔子沉迷种菜游戏，大象爱上旅行游戏。</div>
                            <div class="booksPrice">￥15.00</div>
                        </div>
                        <div class="chart-container-1">
                            <img src="./img/tupian4.jpg" alt="">
                            <div class="booksInfo">以孩子的视角展开，从日常生活出发，描述了妈妈的各种形象。</div>
                            <div class="booksPrice">￥15.00</div>
                        </div>
                        <div class="chart-container-1">
                            <img src="./img/tupian5.jpg" alt="">
                            <div class="booksInfo">以孩子的视角和口吻展开，塑造了一个爸爸形象。</div>
                            <div class="booksPrice">￥15.00</div>
                        </div>
                        <div class="chart-container-1">
                            <img src="./img/tupian6.jpg" alt="">
                            <div class="booksInfo">以小精灵普普的视角展开，讲述了一场与水果有关的探险之旅。</div>
                            <div class="booksPrice">￥18.00</div>
                        </div>
                        <div class="chart-container-1">
                            <img src="./img/tupian7.jpg" alt="">
                            <div class="booksInfo">故事围绕着两只性格迥异的兔子洛根和露娜展开。</div>
                            <div class="booksPrice">￥18.00</div>
                        </div>
                    </div>
                </div>

                <!-- 热销图书 -->
                <div class="chart-card">
                    <h3>热销图书</h3>
                    <div class="chart-container" id="salesChart">
                        <div class="chart-container-1">
                            <img src="./img/tupian14.jpg" alt="">
                            <div class="booksInfo">她的肚子里有个火车站，里面住着负责把食物弄成泥的小精灵。</div>
                            <div class="booksPrice">￥20.00</div>
                        </div>
                        <div class="chart-container-1">
                            <img src="./img/tupian9.jpg" alt="">
                            <div class="booksInfo">故事围绕着一只充满好奇心的小猪来进行故事的展开。</div>
                            <div class="booksPrice">￥18.00</div>
                        </div>
                        <div class="chart-container-1">
                            <img src="./img/tupian10.jpg" alt="">
                            <div class="booksInfo">一只百无聊赖的小猪，觉得做小猪乏味，渴望体验别样的生活。</div>
                            <div class="booksPrice">￥18.00</div>
                        </div>
                        <div class="chart-container-1">
                            <img src="./img/tupian11.jpg" alt="">
                            <div class="booksInfo">小兔子原本挑食，导致没力气，从此再也不挑食了。</div>
                            <div class="booksPrice">￥20.00</div>
                        </div>
                        <div class="chart-container-1">
                            <img src="./img/tupian12.jpg" alt="">
                            <div class="booksInfo">这只小天鹅因相貌 "丑陋"，戏称为 "丑小鸭"</div>
                            <div class="booksPrice">￥20.00</div>
                        </div>
                        <div class="chart-container-1">
                            <img src="./img/tupian13.jpg" alt="">
                            <div class="booksInfo">一阵风将男孩的帽子吹跑，男孩开始了寻找帽子的旅程。</div>
                            <div class="booksPrice">￥20.00</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 用户下拉菜单 -->
    <div class="dropdown-menu" id="userDropdown">
        <a href="#" class="dropdown-item"><i class="fas fa-user"></i> 个人信息</a>
        <a href="#" class="dropdown-item"><i class="fas fa-cog"></i> 设置</a>
        <a href="./login-Manager.html" class="dropdown-item"><i class="fas fa-sign-out-alt"></i> 退出</a>
    </div>

    <!-- 引入脚本 -->
    <script src="./layui/layui.js"></script>
    <script src="./js/axios.min.js"></script>
    <script src="./js/api.js"></script>
    <script src="./js/admin-common.js"></script>
    <script src="./js/admin-dashboard.js"></script>
</body>
</html>